.topBox {
  background: linear-gradient(166deg, #EAF0FC 0%, #FFFFFF 100%);
  padding-left: 20px;
}
.top-self {
  display: flex;
  margin-top: 20px;
}
.top {
  width: 100%;
}
.top > div {
  float: left;
  text-align: center;
}
.top > div .info {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.top > div .infoNum {
  color: rgba(0, 0, 0, 0.85);
  font-size: 24px;
}
.top > div .infoNum-red {
  color: #ff5733;
  font-size: 24px;
}
.playBtn {
  color: #fff;
  padding: 6px;
  background-color: #ababac;
  border-radius: 50%;
  font-size: 20px;
}
.content {
  width: 100%;
  margin-bottom: 20px;
}
.content > Button {
  border-radius: 16px;
  margin-right: 10px;
}
.content > span {
  float: right;
}
.contentScreenBox {
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  font-size: 14px;
  color: #6e6e6e;
}
.contentScreenBox .searchTag {
  padding: 1px 5px;
  background: #e1e4eb;
  border-radius: 1px;
  font-size: 12px;
  color: #86888f;
}
